<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
 <%@ taglib uri="../../WEB-INF/translate.tld" prefix="ego" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<link rel="stylesheet" type="text/css" href="pub/dojo/dojo/resources/dojo.css" />
	<link rel="stylesheet" type="text/css" href="pub/dojo/dijit/themes/tundra/tundra.css" />
	<script type="text/javascript" src="pub/dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script> 
	<script type="text/javascript" src="pub/js/debug.js"></script>

	<script type="text/javascript" src="modules/register/script.js"></script>
	
	<style type="text/css">
		.form {
			border:1px solid #cecece;
			margin: 10px;
			background-color: #edeeef;
		}
		.title {
			text-align: center;
			font-size: 14px;
			font-weight: bold;
			padding-bottom: 10px;
		}
		button {
			width: 80px;
			margin: 10px 5px 0 5px;
		}
	</style>
	<title><ego:t>Register for etApps</ego:t></title>
</head>
<body class="tundra">
	<center id="img"><img src="pub/img/login-loading.gif" /></center>
	
	<div id="form" class="form" style="visibility:hidden">
		<div class="title"><ego:t>Create a new account</ego:t></div>
		<input type="hidden" id="form_lang" value="<%= request.getParameter("lang") %>" />
		
		<table cellspacing="4" style="margin: auto auto">
			<tr>
				<td><ego:t>your given name</ego:t></td>
				<td>
					<input type="text" dojoType="dijit.form.TextBox" id="form_givenName" />
				</td>
			</tr>
			<tr>
				<td><ego:t>your last name</ego:t></td>
				<td>
					<input type="text" dojoType="dijit.form.TextBox" id="form_lastName" />
				</td>
			</tr>
			<tr><td colspan="2">&nbsp;</td></tr>
			<tr>
				<td><ego:t>default department</ego:t></td>
				<td>
					<input type="text" dojoType="dijit.form.TextBox" id="form_default_department" value="Department A" />
					<div dojoType="dijit.Tooltip" connectId="form_default_department"><ego:t>Enter department name. You can change it later</ego:t>.</div>
				</td>
			</tr>
		</table>
		<div style="float:left;">
			<button dojoType="dijit.form.Button" onclick="window.close();"><ego:t>Cancel</ego:t></button>
		</div>
		<div style="float:right;">
			<button dojoType="dijit.form.Button" onclick="submit_btn()"><ego:t>Submit</ego:t></button>
		</div>
		<div style="clear:both;"></div>
		<div jsId="dialog_error" dojoType="dijit.Dialog" title="<ego:t>Error</ego:t>" style="width:150px;text-align:center">
			<img src="pub/img/warning.gif" /><br/>
			<ego:t>Please check for correct input</ego:t>.
		</div>
		<div jsId="dialog_wait" dojoType="dijit.Dialog" title="<ego:t>Creating new account</ego:t>" style="width:180px;text-align:center">
			<img src="pub/img/login-loading.gif" /><br/>
			<ego:t>Please wait</ego:t>...
		</div>
	</div>
	
	<div id="finished" class="form" style="display:none;text-align:center;">
		<div class="title"><ego:t>Congratulations</ego:t> <span id="s_name"></span></div>
		<img src="modules/register/img/tut.png" style="border:1px solid #bebebe;" />
		<p>
			<ego:t>You have been successfully registered for</ego:t> <b><ego:t>etApps leave manager</ego:t></b>.
		</p>
		<p>
			<ego:t>Now you are able to set up departments, employees and more. Just open the administration in your sidebar-gadget</ego:t>.
		</p>
		<button dojoType="dijit.form.Button" onclick="window.close();"><ego:t>Close</ego:t></button>
	</div>
</body>
</html>
